ocean-inspired
vivid-contrast
modern-design
emotional-depth
immersive-experience
light-dark-theme
dramatic-shift
clean-aesthetics
user-friendly
high-contrast
cool-warm-palette
storytelling-design
Shadcn/ui Theme Css Variables
name: Oceanic Horizonkeyword: 2979FF and FF6F61 views: 18
:root { --background: 210 100% 98%; --foreground: 210 20% 20%; --card: 210 100% 92%; --card-foreground: 210 20% 20%; --popover: 210 100% 92%; --popover-foreground: 210 20% 20%; --primary: 210 100% 50%; --primary-foreground: 210 100% 98%; --secondary: 210 50% 80%; --secondary-foreground: 210 20% 20%; --muted: 210 30% 90%; --muted-foreground: 210 20% 50%; --accent: 10 100% 70%; --accent-foreground: 210 100% 98%; --destructive: 0 100% 50%; --destructive-foreground: 210 100% 98%; --border: 210 30% 80%; --input: 210 30% 80%; --ring: 210 100% 50%; --radius: 0.75rem; --chart-1: 210 100% 50%; --chart-2: 10 100% 70%; --chart-3: 210 50% 80%; --chart-4: 210 30% 90%; --chart-5: 210 20% 50%; } .dark { --background: 210 20% 10%; --foreground: 210 100% 98%; --card: 210 20% 15%; --card-foreground: 210 100% 98%; --popover: 210 20% 15%; --popover-foreground: 210 100% 98%; --primary: 210 100% 50%; --primary-foreground: 210 20% 10%; --secondary: 210 50% 20%; --secondary-foreground: 210 100% 98%; --muted: 210 30% 20%; --muted-foreground: 210 100% 70%; --accent: 10 100% 70%; --accent-foreground: 210 20% 10%; --destructive: 0 100% 50%; --destructive-foreground: 210 100% 98%; --border: 210 30% 20%; --input: 210 30% 20%; --ring: 210 100% 50%; --radius: 0.75rem; --chart-1: 210 100% 50%; --chart-2: 10 100% 70%; --chart-3: 210 50% 20%; --chart-4: 210 30% 20%; --chart-5: 210 100% 70%; }